{extend name="public/base"}
{block name="content"}
<div class="container mt">
    <div class="row">
        <div class="col-lg-3 col-xs-12">
            <div class="product">
                <h2>产品分类</h2>
                <ul class="prodeuct-list">
                    {volist name='pro_cate' id='vo'}
                    <li><a href="/baibu/index/Product?cate_id={$vo.cate_id}">{$vo.cate_name}</a></li>
                    {/volist}
                </ul>
                <p>Collection of scientific research, production and sales<br/>Fine chemical enterprise</p>
                <p><a href="/baibu/index/Index/contact">立即联系</a></p>
            </div>
        </div>
        <div class="col-lg-9 col-xs-12">
            <!--关于我们-->
            <div class="row">
                <div class="col-lg-7 col-xs-12">
                    <div class="about">
                        <div class="title"><h2>公司简介</h2><a href="/baibu/index/Article/detail?article_id=1">more></a></div>
                        <p>{$about}</p>
                    </div>
                </div>
                <div class="col-lg-5 col-xs-12 pic">
                    <img src="{$company_img}" />
                </div>
            </div>
            <!--动态新闻-->
            <div class="row mt">
                <div class="col-lg-7 col-xs-12">
                    <div class="about">
                        <div class="title"><h2>动态新闻</h2><span></span><a href="/baibu/index/Article/?article_category_id=5">more></a></div>
                        <div class="txtScroll-top">
                            <div class="bd">
                                <ul class="infoList">
                                    {if $article}
                                    {volist name='article' id='vo'}
                                    <li>
                                        <span class="date">{$vo.article_time}</span>
                                        <a href="/baibu/index/Article/detail?article_id={$vo.article_id}" target="_blank">{$vo.article_title}</a>
                                    </li>
                                    {/volist}
                                    <!--保留li才可滑动-->
                                    <li></li>
                                    {else}
                                    <li>暂无内容</li>
                                    {/if}
                                </ul>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="col-lg-5 col-xs-12">
                    <div class="about">
                        <div class="title"><h2>联系方式</h2><span></span></div>
                        <div class="contact1">
                            <p><img src="_IMAGE_/index/icon1.jpg"/>电话：{$phone}</p>
                            <p><img src="_IMAGE_/index/icon2.jpg"/>联系人：{$person}</p>
                            <p><img src="_IMAGE_/index/icon3.jpg"/>邮箱：{$email} </p>
                            <p><img src="_IMAGE_/index/icon5.jpg"/>邮编：{$postcode}</p>
                            <p><img src="_IMAGE_/index/icon6.png"/>地址：{$address}</p>
                        </div>
                    </div>
                </div>
            </div>
            <!--关于我们-->
        </div>
    </div>
</div>
<div class="container mt">
    {if $product}
    <div class="about">
        <div class="title">
            <h2>产品推荐</h2>
            <span></span>
            <a href="/baibu/index/Product">more></a>
        </div>
    </div>

    <div class="slideGroup" >
        <div class="parBd">
            <div class="slideBox">
                <ul>
                    {volist name='product' id='vo'}
                    <li>
                        <div class="pic"><a href="/baibu/index/Product/detail?product_id={$vo.product_id}" target="_blank"><img src="{$vo.product_img}" /></a></div>
                        <div class="title"><a href="/baibu/index/Product/detail?product_id={$vo.product_id}" target="_blank">{$vo.product_name}</a></div>
                    </li>
                    {/volist}
                    <!--保留li才有特效-->
                    <li></li>
                </ul>
            </div><!-- slideBox End -->
        </div><!-- parBd End -->
    </div>
    {/if}
</div>


<!--<input class="mark" type="hidden" value="{$mark}">-->
<!--<input class="">-->
{/block}
{block name='js'}
<script type="text/javascript">
    jQuery(".txtScroll-top").slide({titCell:".hd ul",mainCell:".bd ul",autoPage:true,effect:"top",autoPlay:true,vis:6});
    jQuery(".slideGroup .slideBox").slide({ mainCell:"ul",vis:6,prevCell:".sPrev",nextCell:".sNext",effect:"leftMarquee",interTime:50,autoPlay:true,trigger:"click"});
    $(function () {
       var mark = '{$mark}';
       var menu = {$menu};
        var info = getMneu(mark,menu);
        $('.navbar-nav').append(info);
    });
</script>
{/block}